<!DOCTYPE html>
<html style="font-size: 100px">
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <script src="jquery-2.0.3.js"></script>
    <link rel="stylesheet" href="base.css">
    <title>小米商城</title>
</head>
<body>
<div id="wrapper">

    <div class="dh">
        <img src="ios.png">
    </div>
    <div class="sousuo">
        <div class="sousuo1">
            <div class="tubiao"><img src="sousuo.jpg" alt=""/></div>
            <div class="text">搜索商品名称</div>
    </div>
     </div>
    <div class="lunbo">
    </div>
    <!--<div class="list">-->
        <div class="santu">
    <div class="sanzhangtu">
        <div><img src="http://i8.mifile.cn/v1/a1/T1fJxgB_Ev1RXrhCrK.jpg"/></div>
        <div><img src="http://i8.mifile.cn/v1/a1/T1S0WgBKCv1RXrhCrK.jpg"></div>
        <div><img src="http://i8.mifile.cn/v1/a1/T1R1d_BbAv1RXrhCrK.jpg"></div>
    </div>
        </div>
    <div class="section">
        <div class="list">
         <div class="list1">
           <div class="img"><img class="ico lazy" src="http://i8.mifile.cn/v1/a1/T14xJTByZ_1RXrhCrK.jpg"></div>
                     <p class="p1"><strong>小米手机5</strong></p>
                     <p class="p2">骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                     <p class="p3">1999元 起</p>
    </div>
    </div>
        <div class="section">
            <div class="list1">
                <div class="img"><img class="ico lazy" src="http://i8.mifile.cn/v1/a1/T1Z5bgBCYv1RXrhCrK.jpg"></div>
                <p class="p1"><strong>小米手机5 尊享版（3D玻璃）</strong></p>
                <p class="p2">骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D玻璃机身</p>
                <p class="p3">2599元</p>
            </div>
        </div>
        <div class="section">
            <div class="list1">
                <div class="img">
                    <img class="ico lazy" src="http://i8.mifile.cn/v1/a1/T1INWjB5dv1RXrhCrK.jpg">
                    <img class="taglazy" src="http://c1.mifile.cn/f/i/f/mishop/iic/xp.png">
                </div>
                <p class="p1"><strong>小米手机5</strong></p>
                <p class="p2">骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                <p class="p3">1999元 起</p>
            </div>
        </div>
        <div class="section">
            <div class="list1">
                    <div class="img">
                    <img class="ico lazy" src="http://i1.mifile.cn/v1/a1/T1RWWgBghT1RXrhCrK.jpg">
                        <img class="taglazy" src="http://c1.mifile.cn/f/i/f/mishop/iic/xp.png">
                </div>
                <p class="p1"><strong>小米手机5</strong></p>
                <p class="p2">骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                <p class="p3">1999元 起</p>
            </div>
        </div>
        <div class="section">
            <div class="list1">
                <div class="img">
                    <img class="ico lazy" src="http://i1.mifile.cn/v1/a1/T1VNJjBsdT1RXrhCrK.jpg">
                    <img class="taglazy" src="http://c1.mifile.cn/f/i/f/mishop/iic/xp.png">
                </div>
                <p class="p1"><strong>小米手机5</strong></p>
                <p class="p2">骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                <p class="p3">1999元 起</p>
            </div>
        </div>
        <div class="section">
            <div class="list1">
                <div class="img">
                    <img class="ico lazy" src="http://i1.mifile.cn/v1/a1/T1LuWgBjhT1RXrhCrK.jpg">
                    <img class="taglazy" src="http://c1.mifile.cn/f/i/f/mishop/iic/xp.png">
                </div>
                <p class="p1"><strong>小米手机5</strong></p>
                <p class="p2">骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                <p class="p3">1999元 起</p>
            </div>
        </div>
        <div class="section">
            <div class="list1">
                <div class="img">
                    <img class="ico lazy" src="http://i1.mifile.cn/v1/a1/T1jFWjBjJT1RXrhCrK.jpg">
                </div>
                <p class="p1"><strong>小米手机5</strong></p>
                <p class="p2">骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                <p class="p3">1999元 起</p>
            </div>
        </div>
        <div class="section">
            <div class="list1">
                <div class="img">
                    <img class="ico lazy" src="http://i1.mifile.cn/v1/a1/T1RXWgBsCT1RXrhCrK.jpg">
                </div>
                <p class="p1"><strong>小米手机5</strong></p>
                <p class="p2">骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                <p class="p3">1999元 起</p>
            </div>
        </div>
        <div class="section">
            <div class="list1">
                <div class="img">
                    <img class="ico lazy" src="http://i1.mifile.cn/v1/a1/T1RWWgBghT1RXrhCrK.jpg">
                </div>
                <p class="p1"><strong>小米手机5</strong></p>
                <p class="p2">骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                <p class="p3">1999元 起</p>
            </div>
        </div>
        <div class="section">
            <div class="list1">
                <div class="img">
                    <img class="ico lazy" src="http://i8.mifile.cn/v1/a1/T18cEjBsVT1RXrhCrK.jpg">
                    <img class="taglazy" src="http://c1.mifile.cn/f/i/f/mishop/iic/xp.png">
                </div>
                <p class="p1"><strong>小米手机5</strong></p>
                <p class="p2">骁龙820处理器 / 4GB 内存 / 128GB 闪存 / 4轴防抖相机 / 3D陶瓷机身</p>
                <p class="p3">1999元 起</p>
            </div>
        </div>
</div>
    <div class="footer">
        <ul>
            <li><a href="/1/#/index">
                <div class="nav">
                    <div>
                        <div class="ispr"></div>
                        <p>商城</p>
                    </div>
                </div>
            </a>
            <li><a href="/1/#/index">
                <div class="nav">
                    <div>
                        <div class="ispr ispr_1"></div>
                        <p style="color: #999;">分类</p>
                    </div>
                </div>
            </a>
            <li><a href="/1/#/index">
                <div class="nav">
                    <div>
                        <div class="ispr ispr_2"></div>
                        <p style="color: #999;">购物车</p>
                    </div>
                </div>
            </a>
            <li><a href="/1/#/index">
                <div class="nav">
                    <div>
                        <div class="ispr ispr_3"></div>
                        <p style="color: #999;">服务</p>
                    </div>
                </div>
            </a>
        </ul>
    </div>
</div>
</body>
</html>
<script>
    $(function(){
        function fullwidth(){
            if($('body').width() >= 720){
                $('html').css('font-size',100 + 'px');
                return ;
            }
            var scale = $('body').width() / 720;
            $('html').css('font-size',scale * 100 + 'px' );
        }
        fullwidth();
        $(window).resize(function(){
            fullwidth();
        })

    });
</script>